<!-- <button (click)="increment()">+</button>
<span>{{ count | async }}</span>
<button (click)="decrement()">-</button> -->

<!-- <router-outlet></router-outlet> -->
<!-- <div>
  <pre>
    {{ todos | async | json }}
  </pre>
</div> -->
<div class="container mt-4">
<input #AddTodoInput type="text" class="form-control" placeholder="请输入内容">
<ul class="list-group">
  <li class="list-group-item" *ngFor="let todo of todos | async" >
    {{todo.title}}
    <button type="button" class="btn" (click)="delTodo(todo.id)" >删除</button>
  </li>
</ul>

</div>
